<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>梦蝶社区·[[${title}]]</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/static/css/community.css">
    <script src="/static/jquery-3.4.1.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
</head>
<body>
<nav th:insert="~{navigation::nav}"></nav>
<div class="container-fluid main">
    <div class="row mypublish">
        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
            <h2><span class="glyphicon glyphicon-list"></span>[[${title}]]</h2>
            <hr>
            <div class="media" th:each="questionDTO:${limitDTOPerson.questionDTOS}">
                <div class="media-left">
                    <a href="#">
                        <img class="media-object img-rounded" th:src="${questionDTO.user.avatarUrl}">
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">[[${questionDTO.title}]]</h4>
                    [[${questionDTO.description}]]
                    <br>
                    <span class="test-desc">[[${questionDTO.commentCount}]]个回复·[[${questionDTO.viewCount}]]次浏览·[[${#dates.format(questionDTO.gtmCreate, 'yyyy-MM-dd HH:mm')}]]发布</span>
                </div>
            </div>

            <!-- 分页 -->
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li th:if="${limitDTOPerson.frist}">
                        <a th:href="@{/personal/mypublish/{page}(page=1)}" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li th:if="${limitDTOPerson.pre}">
                        <a th:href="@{/personal/mypublish/{page}(page=${limitDTOPerson.nowPage}-1)}"
                           aria-label="Previous">
                            <span aria-hidden="true">&lt;</span>
                        </a>
                    </li>
                    <li th:each="page:${limitDTOPerson.pages}"><a th:href="@{/personal/mypublish/{page}(page=${page})}">[[${page}]]</a>
                    </li>
                    <li th:if="${limitDTOPerson.sub}">
                        <a th:href="@{/personal/mypublish/{page}(page=${limitDTOPerson.nowPage}+1)}" aria-label="Next">
                            <span aria-hidden="true">&gt;</span>
                        </a>
                    </li>
                    <li th:if="${limitDTOPerson.end}">
                        <a th:href="@{/personal/mypublish/{page}(page=${limitDTOPerson.allPage})}" aria-label="Next">
                            <span aria-hidden="true">&raquo</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>

        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
            <div class="list-group ">
                    <a th:href="@{/personal/mypublish/{page}(page=1)}" class="list-group-item"
                       th:classappend="${title}=='我的问题'?'active':''">我的帖子</a>
                    <a th:href="@{/personal/replies/{page}(page=1)}" class="list-group-item"
                       th:classappend="${title}=='最新回复'?'active':''">
                        <span class="badge">14</span>
                        最新回复</a>
            </div>
        </div>
    </div>
</div><!-- /.container-fluid -->
</body>
</html>